<div id="function_bar">
    <div id="sort_bar" class="function_bar">
        <select class="sort_list button_base">
            <option value="Null">Thời gian</option>
            <option value="opel">Đối tượng</option>
            <option value="audi">Chức năng</option>
        </select>
    </div>
    <div id="search_bar" class="function_bar">
        <form class="search_form">
            <input class="search_value" type="text" placeholder="Tìm kiếm">
            <a href="#" class="button_base"><span>☌</span></a>
        </form>

    </div>
    <div id="field_bar" class="function_bar">
        <div class="field_collapse">
            <a href="#" class="button_base"><span>☌</span></a>
        </div>

    </div>
</div>

<div id="article_area">
    <div class="large_article">
        <div class="image_article"><a href="#"><img src="<?php echo Yii::app()->baseUrl; ?>/images/Article/Manila05.jpg"></a></div>

        <div class="article_details">
            <div class="article_imfomation">
                <div class="basic_imfarmation">
                    <div class="article_field center-child">
                        <a class="button_base" href="#"><span>Cơ khí gia dụng</span></a>
                    </div>
                    <div class="article_time center-child">
                        <span>
                            16/9/2015
                        </span>
                    </div>
                </div>


            </div>

            <div class="article_title">
                <a href="#"><span>Ý tưởng bòng đèn không dùng năng lượng</span></a>
            </div>

        </div>
        <div class="article_intro">
            <div class="article_analysis">
                <div class="article_owner">
                    <a href="#"><h4>Adam Kensia</h4></a>
                </div>
                <div class="analysis_information">
                    <div class="analysis_view center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/View-light.png" class="icon_48">
                        <span>1357</span>
                    </div>
                    <div class="analysis_feedback center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Note-light.png" class="icon_48">
                        <span>1357</span>
                    </div>
                    <div class="analysis_creative center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Idea-light.png" class="icon_48">
                        <span>1357</span>
                    </div>
                </div>
            </div>
            <div class="article_intro_content">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore ealiqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
            </div>
        </div>

    </div>

    <div class="field_list">
        <UL id="field_tree">
            <LI><a href="#"><span>Tất cả</span></a></LI>
            <LI><a href="#"><span>Example Item 2</span></a></LI>
            <LI><a href="#"><span>Example Sub List 3</span></a>
                <UL>
                    <LI><a href="#"><span>Example Item 3.1</span></a></LI>
                    <LI><a href="#"><span>Example Item 3.2</span></a></LI>
                    <LI><a href="#"><span>Example Item 3.3</span></a></LI>
                </UL>
            </LI>
            <LI><a href="#"><span>Example Sub List 4</span></a>
                <UL>
                    <LI><a href="#"><span>Example Item 4.1</span></a></LI>
                    <LI><a href="#"><span>Example Item 4.2</span></a></LI>
                    <LI><a href="#"><span>Example Item 4.3</span></a>
                    </LI>
                </UL>
            </LI>
        </UL>
    </div>
</div>

<div class="other_article">
    <div class="small_article">
        <div class="image_article"><a href="#"><img src="<?php echo Yii::app()->baseUrl; ?>/images/Article/Manila05.jpg"></a></div>

        <div class="article_details">
            <div class="article_imfomation">
                <div class="basic_imfarmation">
                    <div class="article_field center-child">
                        <a class="button_base" href="#"><span>Cơ khí gia dụng</span></a>
                    </div>
                    <div class="article_time center-child">
                        <span>
                            16/9/2015
                        </span>
                    </div>
                </div>


            </div>

            <div class="article_title">
                <a href="#"><span>Ý tưởng bòng đèn năng lượng</span></a>
            </div>

        </div>
        <div class="article_intro">
            <div class="article_analysis">
                <div class="article_owner">
                    <a href="#"><h4>Adam Kensia</h4></a>
                </div>
                <div class="analysis_information">
                    <div class="analysis_view center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/View-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_feedback center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Note-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_creative center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Idea-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                </div>
            </div>
            <div class="article_intro_content">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
            </div>
        </div>

    </div><div class="small_article">
        <div class="image_article"><a href="#"><img src="<?php echo Yii::app()->baseUrl; ?>/images/Article/Manila05.jpg"></a></div>

        <div class="article_details">
            <div class="article_imfomation">
                <div class="basic_imfarmation">
                    <div class="article_field center-child">
                        <a class="button_base" href="#"><span>Cơ khí gia dụng</span></a>
                    </div>
                    <div class="article_time center-child">
                        <span>
                            16/9/2015
                        </span>
                    </div>
                </div>


            </div>

            <div class="article_title">
                <a href="#"><span>Ý tưởng bòng đèn không dùng năng lượng</span></a>
            </div>

        </div>
        <div class="article_intro">
            <div class="article_analysis">
                <div class="article_owner">
                    <a href="#"><h4>Adam Kensia</h4></a>
                </div>
                <div class="analysis_information">
                    <div class="analysis_view center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/View-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_feedback center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Note-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_creative center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Idea-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                </div>
            </div>
            <div class="article_intro_content">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
            </div>
        </div>

    </div><div class="small_article">
        <div class="image_article"><a href="#"><img src="<?php echo Yii::app()->baseUrl; ?>/images/Article/Manila05.jpg"></a></div>

        <div class="article_details">
            <div class="article_imfomation">
                <div class="basic_imfarmation">
                    <div class="article_field center-child">
                        <a class="button_base" href="#"><span>Cơ khí gia dụng</span></a>
                    </div>
                    <div class="article_time center-child">
                        <span>
                            16/9/2015
                        </span>
                    </div>
                </div>


            </div>

            <div class="article_title">
                <a href="#"><span>Ý tưởng bòng đèn không dùng năng lượng</span></a>
            </div>

        </div>
        <div class="article_intro">
            <div class="article_analysis">
                <div class="article_owner">
                    <a href="#"><h4>Adam Kensia</h4></a>
                </div>
                <div class="analysis_information">
                    <div class="analysis_view center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/View-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_feedback center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Note-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_creative center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Idea-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                </div>
            </div>
            <div class="article_intro_content">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
            </div>
        </div>

    </div>
    <div class="small_article ">
        <div class="image_article"><a href="#"><img src="<?php echo Yii::app()->baseUrl; ?>/images/Article/Manila05.jpg"></a></div>

        <div class="article_details">
            <div class="article_imfomation">
                <div class="basic_imfarmation">
                    <div class="article_field center-child">
                        <a class="button_base" href="#"><span>Cơ khí gia dụng</span></a>
                    </div>
                    <div class="article_time center-child">
                        <span>
                            16/9/2015
                        </span>
                    </div>
                </div>


            </div>

            <div class="article_title">
                <a href="#"><span>Ý tưởng bòng đèn không dùng năng lượng</span></a>
            </div>

        </div>
        <div class="article_intro">
            <div class="article_analysis">
                <div class="article_owner">
                    <a href="#"><h4>Adam Kensia</h4></a>
                </div>
                <div class="analysis_information">
                    <div class="analysis_view center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/View-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_feedback center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Note-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_creative center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Idea-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                </div>
            </div>
            <div class="article_intro_content">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
            </div>
        </div>

    </div>
    <div class="small_article ">
        <div class="image_article"><a href="#"><img src="<?php echo Yii::app()->baseUrl; ?>/images/Article/Manila05.jpg"></a></div>

        <div class="article_details">
            <div class="article_imfomation">
                <div class="basic_imfarmation">
                    <div class="article_field center-child">
                        <a class="button_base" href="#"><span>Cơ khí gia dụng</span></a>
                    </div>
                    <div class="article_time center-child">
                        <span>
                            16/9/2015
                        </span>
                    </div>
                </div>


            </div>

            <div class="article_title">
                <a href="#"><span>Ý tưởng bòng đèn không dùng năng lượng</span></a>
            </div>

        </div>
        <div class="article_intro">
            <div class="article_analysis">
                <div class="article_owner">
                    <a href="#"><h4>Adam Kensia</h4></a>
                </div>
                <div class="analysis_information">
                    <div class="analysis_view center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/View-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_feedback center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Note-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_creative center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Idea-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                </div>
            </div>
            <div class="article_intro_content">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
            </div>
        </div>

    </div><div class="small_article ">
        <div class="image_article"><a href="#"><img src="<?php echo Yii::app()->baseUrl; ?>/images/Article/Manila05.jpg"></a></div>

        <div class="article_details">
            <div class="article_imfomation">
                <div class="basic_imfarmation">
                    <div class="article_field center-child">
                        <a class="button_base" href="#"><span>Cơ khí gia dụng</span></a>
                    </div>
                    <div class="article_time center-child">
                        <span>
                            16/9/2015
                        </span>
                    </div>
                </div>


            </div>

            <div class="article_title">
                <a href="#"><span>Ý tưởng bòng đèn không dùng năng lượng</span></a>
            </div>

        </div>
        <div class="article_intro">
            <div class="article_analysis">
                <div class="article_owner">
                    <a href="#"><h4>Adam Kensia</h4></a>
                </div>
                <div class="analysis_information">
                    <div class="analysis_view center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/View-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_feedback center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Note-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                    <div class="analysis_creative center-child">
                        <img src="<?php echo Yii::app()->baseUrl; ?>/images/Icons/Idea-light.png" class="icon_32">
                        <span>1357</span>
                    </div>
                </div>
            </div>
            <div class="article_intro_content">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
            </div>
        </div>

    </div>
</div>

<div class="pages_bar">
    <a href="#" class="first_page"></a>
    <a href="#" class="privious_page"></a>
    <a href="#" class="current_page active_page"></a>
    <a href="#" class="next_page"></a>
    <a href="#" class="last_page"></a>
</div>